<!--
 * @Author: xyf
 * @Date: 2021-07-26 14:54:30
 * @LastEditTime: 2021-07-26 18:06:00
 * @LastEditors: xyf
 * @Description: 页面布局
-->
<template>
  <div class="app-wrapper">
    <!-- 侧边导航栏开始 -->
    <sidebar class="sidebar-container" />
    <!-- 侧边导航栏结束 -->

    <!-- 主内容开始 -->
    <div class="main-container">
      <navbar />
      <app-main />
    </div>
    <!-- 主内容结束 -->
  </div>
</template>

<script>
  import { defineComponent } from 'vue'

  import Sidebar from './Sidebar.vue'
  import Navbar from './Navbar.vue'
  import AppMain from './AppMain.vue'
  export default defineComponent({
    name: 'Layout',
    components: {
      Sidebar,
      Navbar,
      AppMain
    }
  })
</script>

<style lang="scss"></style>
